<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@include file="../common/jspcommon.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>酒店 - 爽客网</title>
<%@include file="../common/js.jsp" %>
<%@include file="../common/css.jsp" %>
<link href="css/detail.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery.ying.js"></script>
<script type="text/javascript" src="thirdparty/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script>
<!--[if ie]><script src="js/common/iepng.js" type="text/javascript"></script><![endif]-->
<!--[if ie 6]><link href="css/jrIE6.css" type="text/css" rel="stylesheet"><![endif]-->
<!--[if ie]><link href="css/jrIE.css" type="text/css" rel="stylesheet"><![endif]-->
</head>
<body>
<!-- head -->
<%@include file="../common/header.jsp" %>
<!-- head -->
<!-- wrap-->
<div class="wrap">
    	<div class="main">
        	<!-- secnav-->
		    <%-- <div class="w100p">
		    	<div class="w980 mg">
		        	<div class="g_secnav">
		            	<span>你当前所在的位置</span>
		                <a  id="province">${hotel.province }</a>
		                <c:if test="${hotel.city!='' }"><a id="city">${hotel.city }</a></c:if>
		                <c:if test="${hotel.county!=''}"><a id="county">${hotel.county }</a></c:if>
		                <a style="text-decoration: none;">${hotel.name}${hotel.county }</a>
		            </div>
		        </div>
		    </div> --%>
    		<!-- secnav--end-->
    		
            <!-- content-->
            <div class="xy_tip clearfix">
            	<h1 class="fl">爽客旅游网致力为您提供最优惠、最舒心的酒店服务，预订前请阅读 <a href="#" class="clrblue2">国内酒店预订协议</a></h1>
                <div class="share_box">
                	<a href="shareHotel.htm?id=${hotel.id }&weiboType=01" target="_blank"><img src="images/smallpic/icon_0.png" /></a>
                    <a href="shareHotel.htm?id=${hotel.id }&weiboType=02" target="_blank"><img src="images/smallpic/icon_1.png" /></a>
                </div>
            </div>
            
            <div class="in_box_style">
            	<div class="left_box">
                	<div class="hotel_lb_box">
                        <ul class="hotel_lb" id="pic_ul">
                        	<c:if test="${not empty hotel.image1 }">
                        		<li class="current"><a ><img src="${hotel.image1 }" class="block"/></a></li>
                        	</c:if>
                            <c:if test="${not empty hotel.image2 }">
                        		<li><a ><img src="${hotel.image2 }" class="block" /></a></li>
                        	</c:if>
                        	<c:if test="${not empty hotel.image3 }">
                        		<li><a ><img src="${hotel.image3 }" class="block" /></a></li>
                        	</c:if>
                        	<c:if test="${not empty hotel.image4 }">
                        		<li><a ><img src="${hotel.image4 }" class="block" /></a></li>
                        	</c:if>
                        	<c:if test="${not empty hotel.image5 }">
                        		<li><a ><img src="${hotel.image5 }" class="block" /></a></li>
                        	</c:if>
                        </ul>
                        <ul class="pic_nums" id="num_ul">
                        	<c:if test="${not empty hotel.image1 }"><li class="current">1</li></c:if>
                        	<c:if test="${not empty hotel.image2 }"><li class="">2</li></c:if>
                        	<c:if test="${not empty hotel.image3 }"><li class="">3</li></c:if>
                        	<c:if test="${not empty hotel.image4 }"><li class="">4</li></c:if>
                        	<c:if test="${not empty hotel.image5 }"><li class="">5</li></c:if>
                        </ul>
                    </div>
                    <div class="intro">
                    	<h1>${hotel.name }<c:if test="${hotel.star >0}"><span class="star_s1 star_s1_${hotel.star }"></span></c:if></h1>
                        <p>${hotel.descText }<a href="#detailDesc" class="clrblue2">更多>></a></p>
                    </div>
                </div>
                <div class="right_box">
                	<ul class="hotel_detail">
                    	<li>
                        	<i>开业时间：</i>${hotel.opened }
                        </li>
                        <li>
                        	<i>酒店地址：</i>${hotel.address }
                        </li>
                        <li>
                        	<i>酒店电话：</i>${hotel.phone }
                        </li>
                        <li>
                        	<i>酒店类型：</i>${hotel.hotelType }
                        </li>
                        <li>
                        	<i>是否涉外：</i><c:if test="${hotel.foreign }">是</c:if><c:if test="${!hotel.foreign }">否</c:if>
                        </li>
                        <li>
                        	<i>房间数量(间)：</i>${hotel.roomAmount }
                        </li>
                        <li class="special">
                        	<i>交通信息：</i>
                            <div>
                            	${hotel.trafficInfo }
                            </div>
                        </li>
                        
                    </ul>
                      <div class="clearfix pt5">
						<a href="javascript:void(0)" class="m_collect_btn fl" onclick="keep('${hotel.id}','hotel');">我要收藏</a> 
						<a href="javascript:void(0)" class="m_collect_btn m_recommend fl ml20" target="_blank" onclick="dianping('${hotel.id}','hotel')">我要点评</a>
                    </div>
                </div>
            </div>
            <!-- content--end-->            
           
            <!--menushow-->
            <div class="m_secnav_wrap">
            	<h3 class="m_title">
                	<span>房型预订</span>
                </h3>
                <div class="m_box hotel_style_box">
                    <div class="m_content">
                   		<ul class="hotel_book_head clearfix">
                        	<li class="li1">房型</li>
                            <li class="">市场价</li>
                            <li>爽客价</li>
                            <li>宽带</li>
                            <li>床型</li>
                            <li>在线预定</li>
                        </ul>
                     <c:forEach items="${rList }" var="room">
                        <div class="hotel_data_box">
                        	<ul class="hotel_book_data">
                            	<li class="li1"><a href="javascript:void(0);" onclick="showRoomDesc('${room.id}');">${room.name }</a></li>
                                <li><span class="farial lt">¥${room.priceMarket }</span></li>
                                <li><span class="farial clrf60">¥${room.priceMin }</span></li>
                                <li>免费</li>
                                <li>${room.bedType }</li>
                                <li><a href="javascript:void(0)" class="book_btn" onclick="showPrice('${room.id}')"></a></li>
                            </ul>
                            <div class="roominfo" style="display: none;" id="ri_${room.id }">
                            	<p>
                                	${room.desc}
                                </p>
                            </div>
                            <!-- 入住日期价格表 -->
                            <div id="divRoomPrice_${room.id }"></div>
                        </div>
                     </c:forEach>
                    </div>
                </div>
            </div>
            <!--menushow--end-->
            
            <!-- menushow -->
            <div class="box_s2">
            	<h1 id="detailDesc"><a href="javascript:void(0)" id="toTopHotel">回到顶部↑</a>酒店简介</h1>
                <div class="body">${hotel.desc }</div>
            </div>
              <!-- dianping -->
            <div class="com_dp_box">
                    	<div class=" dp_scores">
                            <h1 class="title">${hotel.name }</h1>
                            <p class="dp_nums"><span>${hotel.name }</span> 共有点评<i class="clrf60">${countAll}</i>个</p>
                            <dl>
                                <dt><span class="txt_tip">总体评价：</span><span class="star_s2 star_s2_${countInt}"></span><i class="ml5 clrc06">${countPJ}分</i></dt>
                                <dd><span class="star_s2 star_s2_5"></span><span class="process_bar"><i style="width:${countBy5/countAll*100}%"></i></span><span class="ml10">${countBy5}条</span></dd>
                                <dd><span class="star_s2 star_s2_4"></span><span class="process_bar"><i style="width:${countBy4/countAll*100}%"></i></span><span class="ml10">${countBy4}条</span></dd>
                                <dd><span class="star_s2 star_s2_3"></span><span class="process_bar"><i style="width:${countBy3/countAll*100}%"></i></span><span class="ml10">${countBy3}条</span></dd>
                                <dd><span class="star_s2 star_s2_2"></span><span class="process_bar"><i style="width:${countBy2/countAll*100}%"></i></span><span class="ml10">${countBy2}条</span></dd>
                                <dd><span class="star_s2 star_s2_1"></span><span class="process_bar"><i style="width:${countBy1/countAll*100}%"></i></span><span class="ml10">${countBy1}条</span></dd>
                            </dl>
                            <a href="#" class=" dp_btn1"><img src="../images/smallpic/btn_3.gif" onclick="dianping('${hotel.id}','hotel');" /></a>
                    	</div>
                        <div class="user_comments">
                        	<a name="discussa"></a>
                        	<ul class="user_dp_det">
	                        	<c:forEach items="${dList}" var="discuss">
	                            	<li>
	                                	<div class="com_lr">
	                                        <div class="l_box">
	                                            <a href="#" class="block"><img src="${discuss.imageServer}${discuss.avatar}" class="pic" /></a>
	                                            <span class="name">${discuss.memberName}</span>
	                                        </div>
	                                        <div class="r_box">
	                                        	<p><span class="mr10">总体评价：</span><span class="star_s2 star_s2_${discuss.overall}"></span></p>
	                                            <p>
		                                            <span class="mr30">
		                                            	人气：<c:if test="${discuss.popul==1}">很烂</c:if>
		                                					<c:if test="${discuss.popul==2}">一般</c:if>
							                                	<c:if test="${discuss.popul==3}">还好</c:if>
							                                	<c:if test="${discuss.popul==4}">较好</c:if>
							                                	<c:if test="${discuss.popul==5}">很好</c:if>
		                                            </span>
		                                            <span class="mr30">
		                                          	    娱乐：<c:if test="${discuss.recreation==1}">很烂</c:if>
						                                		<c:if test="${discuss.recreation==2}">一般</c:if>
						                                		<c:if test="${discuss.recreation==3}">还好</c:if>
						                                		<c:if test="${discuss.recreation==4}">较好</c:if>
						                                		<c:if test="${discuss.recreation==5}">很好</c:if>
		                                            </span>
		                                            <span class="mr30">
		                                            	服务：<c:if test="${discuss.serving==1}">很烂</c:if>
						                                	<c:if test="${discuss.serving==2}">一般</c:if>
						                                	<c:if test="${discuss.serving==3}">还好</c:if>
						                                	<c:if test="${discuss.serving==4}">较好</c:if>
						                                	<c:if test="${discuss.serving==5}">很好</c:if>
		                                            </span>
		                                            <span class="mr30">
		                                            	规模：<c:if test="${discuss.proportion==1}">很烂</c:if>
						                                	<c:if test="${discuss.proportion==2}">一般</c:if>
						                                	<c:if test="${discuss.proportion==3}">还好</c:if>
						                                	<c:if test="${discuss.proportion==4}">较好</c:if>
						                                	<c:if test="${discuss.proportion==5}">很好</c:if>
		                                            </span>
	                                            </p>
	                                            <p>${discuss.content}</p>
	                                            <div class="result">
	                                            	<span class="fr">
	                                            		<fmt:formatDate value="${discuss.gmtCreated}" pattern="MM-dd HH:mm" />
	                                            	</span>
	                                            </div>
	                                        </div>
	                                	</div>
	                                </li>
	                            </c:forEach>    
                            </ul>
                        </div>
                    </div>
            <!-- dianping--end -->
            <!-- menushow--end-->
            <div class="in_tabs_wrap">
	           	<div class="content_box">
	               	 <div class="title">
	                    	地图
	                    </div>
	                    <div class="content">
	                    	<div id="baidu_map" style="width: 980px;height: 300px;"></div>
	                    </div>
	               </div>
	           </div>
        </div>
    </div>
<!-- wrap--end-->   
    <!-- foot-->
    <%@include file="../common/footer.jsp" %>
    <!-- foot--end-->
<script type="text/javascript">


	function showRoomDesc(rid){
		$("#ri_"+rid).slideToggle();
		$("#rp_"+rid).slideUp();
	}
	
	function showPrice(rid){
	   var obj=$(".m_calendar_wrap");
	   if(obj.size()==0){
		   $("#divRoomPrice_"+rid).load("roomCalendar.htm?id="+rid,function(){
			   $(".m_calendar_wrap").slideDown();
		   });
	   }else{
		   obj.slideUp(function(){
			   obj.remove();
		   });
		   
	   }
	}
	
	var sh;
	var isFirst=true;
	$(function(){
		
		$(".m_first").mouseover(function(){
			$(this).next(".m_down_menu").show();
			$(this).css({"z-index":"11"});
			//$(this).parent().siblings().css({"z-index":"7"});
		});
		$(".m_first").mouseout(function(){
			$(this).next(".m_down_menu").hide();
			$(this).css({"z-index":"9"});
		});
		
		
		
		$("#next_month_btn").live("click",function(){
			$("#m_calendar_box1").hide();
			$("#m_calendar_box2").show();
		});
		
		$("#prev_month_btn").live("click",function(){
			$("#m_calendar_box2").hide();
			$("#m_calendar_box1").show();
		});
		
		 $("#toTopHotel").click(function() {
				$('body,html').animate({
					scrollTop : 0
				}, 500);
				return false;
			});
		 initPro("${hotel.province}",$("#province"));
		 initCity("${hotel.city}",$("#city"));
		 initCounty("${hotel.county}",$("#county"));

	});

 	$(function(){
		$.lbShow({
			picUL:"pic_ul",
			numsUL:"num_ul",
			styles:"hover"
		});
		
		COOL.showMap("baidu_map","${hotel.lng}","${hotel.lat}");
	});
 	
</script>
</body>
</html>
